<!-- 默认布局 -->
<template>
  <el-row class="page">
    <HeaderNav class="header-nav" />
    <router-view />
    <FooterNav class="footer-nav" />
  </el-row>
</template>


<script>
import HeaderNav from '../components/headerNav/HeaderNav'
import FooterNav from '../components/footerNav/FooterNav'

export default {
  components: {
    HeaderNav,
    FooterNav
  },
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {}
}
</script>


<style lang='less' scoped>
.header-nav {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}
.page {
  width: 100%;
  position: relative;
  /*background-color: #eee;*/
}
</style>
